<template>
  <div class="bgc-default pad-20">
    <div class="tab-sticky">
      <el-tabs v-model="activeName" @tab-click="handleClick">          
        <el-tab-pane label="供应商" name="0"></el-tab-pane>
        <el-tab-pane label="供应商分类" name="1"></el-tab-pane>
      </el-tabs>
    </div>
    <div class="bg-color-white pad-20 mar-t-20">
      <supplier-category :showFlag="activeName == '1'" v-show="activeName == '1'"></supplier-category>
      <supplier-manage :showFlag="activeName == '0'" v-show="activeName == '0'"></supplier-manage>
    </div>
  </div>
</template>

<script>
import supplierCategory from './components/supplier-category'
import supplierManage from './components/supplier-manage'

export default {
  components: { supplierCategory, supplierManage },
  data() {
    return {
      activeName: '0'
    }
  },
  created() {
  },
  methods: {
    handleClick() {
    }
  }
}
</script>

<style lang="less" scoped>

</style>